<%--
  Created by IntelliJ IDEA.
  User: zhangxr103
  Date: 2014/10/21
  Time: 14:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%
    String phone = null;
    Object number = request.getParameter("number");
    if (number != null && !number.toString().isEmpty() || request.getSession().getAttribute("number") != null) {
        if (number != null && !number.toString().isEmpty()) {
            request.getSession().setAttribute("number", number);
        }
        phone = request.getSession().getAttribute("number").toString();
    } else {
        response.sendRedirect(request.getContextPath()+"/pages/startpage.jsp");
    }
%>

<html>
<head>
    <title>信用排名</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <script src="<%=request.getContextPath()%>/js/jquery/jquery-2.0.0.min.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath()%>/js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath()%>/js/highcharts/highcharts.js" type="text/javascript"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/highcharts/funnel.js"></script>

    <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet" media="screen">


    <script type="text/javascript" src="<%=request.getContextPath()%>/js/highcharts/exporting.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/highcharts/highcharts-more.js"></script>

    <script>
        $(function () {

            $('#container').highcharts({
                chart: {
                    type: 'pyramid',
                    marginRight: 100
                },
                title: {
                    text: '用户分数分布',
                    x: -50
                },
                plotOptions: {
                    series: {
                        dataLabels: {
                            enabled: true,
                            format: '<b>{point.name}</b> ({point.y:,.0f})',
                            color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black',
                            softConnector: true
                        }
                    }
                },
                legend: {
                    enabled: false
                },
                series: [{
                    name: 'Users Credit',
                    data: [
                        ['C',   1654],
                        ['C+',       1044],
                        ['B-', 1987],
                        ['B',    976],
                        ['B+,B++',    2846],
                        ['A',    846],
                        ['A+',    846],
                        ['S',    846]
                    ]
                }]
            });
        });
    </script>

</head>
<body>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12" >
            <img src="<%=request.getContextPath()%>/img/header.jpg" style="width: 100%;height: 25%;">
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <ul class="nav nav-tabs">
                <li >
                    <a href="<%=request.getContextPath()%>/pages/privacy.jsp">基本信息</a>
                </li>
                <li class="active">
                    <a href="<%=request.getContextPath()%>/pages/rank.jsp">信用排名</a>
                </li>
                <li >
                    <a href="<%=request.getContextPath()%>/pages/finance.jsp">消费走势</a>
                </li>
                <li>
                    <a href="<%=request.getContextPath()%>/pages/location.jsp">位置跟踪</a>
                </li>
                <li>
                    <a href="<%=request.getContextPath()%>/pages/socialnetwork.jsp">社交网络</a>
                </li>

                <li class="dropdown pull-right">
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle"><%=phone%><strong class="caret"></strong></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="#"></a>
                        </li>
                        <li>
                            <a href="#">设置栏目</a>
                        </li>
                        <li>
                            <a href="#">更多设置</a>
                        </li>
                        <li class="divider">
                        </li>
                        <li>
                            <a href="<%=request.getContextPath()%>/pages/startpage.jsp">退出</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <div id="container" style="width:60%;height:400px"></div>
        </div>
    </div>
</div>
<div id="bottom" style="clear:both;position:absolute;bottom:0;text-align:center;vertical-align:middle;width:100%;border:0px;"><span>版权所有@中国联合网络通信有限公司研究院</span></div>
</body>
</html>
